@charset "utf-8";
/* CSS Document */
/*全局样式*/
// @font-face {font-family: "微软雅黑"; } 
// html{font-family:Arial,​Verdana,​"宋体";font-size:12px;color:#999;}
*{margin:0;padding:0;}
body{background: #fff;font-family:"Microsoft Yahei UI","Microsoft YaHei",Helvetica,Arial,sans-serif;height: 1300px;}


input[type="button"], input[type="submit"], select, button {
	cursor:pointer;
}
input{ font-size:12px; background-color:transparent;list-style:none; border:none;}
input::-ms-clear { display: none; }
input[type=text]::-ms-clear{display: none;}
input[type=password]::-ms-reveal{display: none;}
table { border-collapse: collapse;border-spacing: 0;}
li{list-style:none;}
a {text-decoration: none;color:#666}
img{border:none;margin:0;padding:0;}
em{ font-style: normal;}
.caitant{width: 980px;margin:0 auto;}
.black_qfont{color:#3f3f3f;/*深灰色*/}
.black_font{color:#000000;/*黑色*/}
.blue_font{color:#00adef;/*浅蓝色*/}
.yellow_font{color:#ffdd00;/*黄色*/}
.white_font{color:#fff;}
.gray_font{color:#999999; }
.red_bfont{ color:#ff0000;/*红色*/}
.font_blue{color:#288fc9;/*蓝色*/}
.font_green{color:#00a652;/*绿色*/}
.font_purple{color:#ac92ec;}
.orgs_bg{ background-color:#fe7d1a;/*深橙色*/}
.green_bg{ background-color:#65c454;/*鲜绿*/}
.greenc_bg{ background-color:#87d6c6;/*薄荷绿*/}
.green_lbg{ background-color:#1fad5b;/*青色*/}
.purple_bg{ background-color:#ac92ec;/*紫色*/}
.purplered_bg{ background-color:#912c71;/*红紫色*/}
.yellow_bg{ background-color:#ffd202;/*黄色*/}
.blue_bg{ background-color:#54b4e6;/*浅蓝色*/}
.redc_bg{ background-color:#f5696a;/*浅红色*/}
.pink_bg{ background-color:#ff7a9c;/*粉色*/}
.gray_bg{ background-color:#9eb5b6;/*灰色*/}
.grayc_bg{ background-color:#f6f6f6;/*浅灰色*/}
.brown_bg{background-color:#884600;/*棕色*/}
.blue_sbg{background-color:#00adef;/*深蓝色*/}
.black_bg{ background-color:#333;/*黑色*/}
.premium-item {color: #ff2d4b;}

.premium-item .premium-icon {
    vertical-align: middle;
}
.premium-icon {background-repeat: no-repeat;display: inline-block;
    height: 22px;vertical-align: bottom;width: 22px;}
.premium-icon {background-repeat: no-repeat;display: inline-block;
    height: 22px;ertical-align: bottom;width: 22px;
}
    .jian-min-icon {
    background-image: url("../image/welfare_3bcdc9b.png");
    background-position: -50px -39px;
}

// 内容

#content{margin-top: 24px;overflow: hidden;height: auto;
		.location{color: #333;font-size: 14px;font-weight: 400;margin-bottom: 15px;text-decoration: none;a{color: #333;}}
		.shop_info{height: 120px; width: 980px;margin:0 auto;background: #fafafa;
			.sp_if_lf{
				.info_img{width: 198px;height: 120px;float: left;
					
				}

				.info_arc{width: 324px;height: 105px; float: left;margin-left: 2px;padding-left:20px;padding-top: 15px;
					&:hover{background: #fff;width: 322px;height: 103px;border:solid 1px #e0e0e0; padding-left:19px;padding-top: 14px;} 
					h2{ color: #323440;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 300px;word-break: keep-all;}
					dl{ line-height: 24px;margin-bottom: 5px;margin-top: 5px;margin-bottom: 5px;

						dt{color: #999;float: left;font-size: 1em;font-weight: 400;margin-right: 5px;overflow: hidden;text-decoration: none; font-size: 12px;}
						dd.rate-con{ color: #ff2d4b;font-size: 12px;
							.rate{background-image: url(../image/common_z_7ad84ed.png); background-position: -83px 0; background-repeat: no-repeat;color: #f70600; display: inline-block; font-weight: 700;height: 11px;overflow: hidden;vertical-align: -1px;width: 72px;

							.rate-inner{background-image: url(../image/common_z_7ad84ed.png); background-position: -83px -21px; background-repeat: no-repeat; display: inline-block;height: 11px; vertical-align: top;}
								}
						}
					}
					P.time{font-size: 12px;color: #949494; height: 13px;background: url(../image/menu_z_fa0092b.png)no-repeat -14px 0;text-indent: 25px;line-height: 13px;
						float: left;
						


					}
					.doing{background-color: #64b93c;width:52px;height: 19px;text-align: center;line-height: 19px;display: inline-block;color: #fff;float: left;font-size: 12px;margin-left: 14px;margin-top: -4px;}
					
				}
			}
			.sp_if_rg{float:right;overflow: hidden;
				dl{float: left;width:113px;height: 52px;border-left:solid 1px #e4e4e4; text-align: center;line-height: 1.8em ;margin-top: 30px;margin-left: -1px;padding-top: 5px;padding-left: 5px;
				dt{ font-size: 25px;color: #999;font-weight: 400px;}
				dd{ font-size: 12px;color: #666;}
				}

			}
		}

}

// 餐单
#menu{overflow: hidden;height: auto;margin-top: 38px;
	.menu_info{width: 690px; height: auto;/* overflow: hidden; */ float: left;
		.navigation{width: 690px;height: 45px;border-bottom: solid 2px #e4e4e4;color: #333333;
			li{float: left;line-height: 25px;width: 100px;text-align: center;margin-bottom: -2px;font-size: 20px;height: 45px;}
			li.hover{border-bottom: solid 2px #ff2d4b; color: #ff2d4b}

		}
		.classify{height: 31px;width: 690px;background: #fafafa;margin-top: 20px;padding-top: 15px;


			li{float: left;width: 80px; height: 16px; border-right:solid 2px #e4e4e4;color: #333;font-size:14px;padding-left: 20px  }
		}

		.title{margin-top: 25px; font-size: 18px;font-weight: 700;clear: both;}
		.greens{margin-top: 16px;/* overflow: hidden; */width: 720px;height: auto;

				li{width: 335px;height: 120px;background: #fafafa;box-shadow: 0 1px 3px 0 #e4e4e4;color: color: #333;float: left; margin-bottom: 15px;margin-right: 20px;

					.headimg{width: 120px;overflow:hidden;float: left;margin-right: 20px;}
					.greens_if{  color: #333;cursor: default;font-size: 14px;font-weight: 400;height: 20px;margin-bottom: 5px;overflow: hidden;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;width: 150px;}
					.greens_ty{overflow: hidden;margin-left: -17px; em{ color: #999; font-size: 12px;font-weight: 400;text-decoration: none;border-left: solid 1px #e4e4e4;padding:0 17px;margin-left: -1px;}em.tuijian{padding-left: 0px}}
					.jiage{ color: #333;font-size: 14px;font-weight: 400;margin-top: 40px;display: block;}

					.addition{height: 26px;  line-height: 26px;overflow: hidden;bottom: 10px;color: #ff2d4b;right: 10px;width: 30px;float: right;margin-right: 8px;margin-top: -15px;

					
					.addition_con{float: right;width: 92px; transition: width 0.2s ease-in 0s;
					.minusfrcart{background-image: url(../image/menu_z_fa0092b.png);  background-position: -4px -194px;  background-repeat: no-repeat;border: 0 none;cursor: pointer; display: inline-block;height: 26px; padding: 0; text-align: center; width: 26px;}
					.select_count{    display: inline-block;
									    height: 26px;
									    overflow: hidden;
									    padding: 0;
									    text-align: center;
									    vertical-align: top;
									    width: 30px;}
					.addtocart{background-image: url(../image/menu_z_fa0092b.png);background-position: -4px -158px; background-repeat: no-repeat;border: 0 none;cursor: pointer;display: inline-block;height: 26px;padding: 0;text-align: center;width: 26px;}


					}


					}

				}


		}
	}

	.restaurant_info{float: left;width:270px;height: auto;overflow: hidden;margin-left: 20px; 
		.collect{width:268px; background: -moz-linear-gradient(center top , #fff, #f5f5f5) repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #e4e4e4;box-shadow: 0 0 1px 0 #333;color: #333;cursor: pointer;font-size: 14px; font-weight: 400;height: 40px;line-height: 40px;text-align: center;text-decoration: none;
		i{background: url(../image/icon_collect_a8973b8.png) no-repeat scroll 0 3px rgba(0, 0, 0, 0);display: inline-block;height: 21px;margin: 0 0 -3px; width: 21px;}

		}

		.support{margin-top: 30px;width: 268px;height:130px;
			ul{height: 150px;
			li{height: 33px;margin-bottom: 20px;
			i{width: 33px;height: 33px; float: left;}
			span{font-size: 12px;display: inline-block;margin: 8px 0 0 4px; color: #666;}
			i.jian-min-icon{background-image: url(../image/welfare_3bcdc9b.png);
					     background-position: -50px 0;}
			i.mian-min-icon{background-image: url(../image/welfare_3bcdc9b.png);
					    background-position: 0 0;}
			i.invoice-min-icon{background-image: url(../image/welfare_3bcdc9b.png);
					    background-position: -100px 0;}

				}

			}

		}

		.announcement{margin-top: 25px;
			.title{border-bottom:solid 1px #e4e4e4;height: 36px;line-height: 36px }
			.content{word-wrap: break-word; color: #999;font-size: 14px;line-height: 28px;margin-bottom:20px;}
			.note{font-size:12px;float: right;color:#bbb; }
		}

	}

}


#shopping{ 
	box-shadow: 0 -1px 10px 2px #e4e4e4;
    width: 280px;
    position: fixed;
	right: 13%;
	_position: absolute;
	_right: 13%;
	// _top:expression(document.documentElement.clientHeight-this.offsetHeight+document.documentElement.scrollTop);

	bottom: 0px;
    .cart-bar{
     background-color: #ff2d4b;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    .cart-logo{
    background-image: url("../image/menu_z_fa0092b.png");
    background-position: -5px -120px;
     background-repeat: no-repeat;
    height: 38px;
    margin: 2px 0 0 15px;
    width: 35px;
     float: left;
    	}
    }


    .cc-warp{ background-color: #fff;
    overflow: auto;
    transition: all 0.3s ease-in 0s;
	.title{
	background: none repeat scroll 0 0 #fafafa;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 38px;
    padding: 0 12px;
    text-decoration: none;
    .txt{
    	display: inline-block;
    margin-right: 10px;
    }

    .clear-cart{
    	background: url("../image/icon_clear_4b0adc0.png") no-repeat scroll 0 12px rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    padding: 0 0 0 17px
    	}
	}

	}


	.cart-panel{
		overflow-y: auto;
	table{width: 100%;   border-collapse: collapse;border-spacing: 0;

	td{ padding: 8px 0;vertical-align: middle;}

	}
	.cart-head{ border-bottom: 1px solid #ddd; color: #aaa;font-size: 12px;}
	.item-name{padding-left: 12px;text-align: left;width: 123px;}
.item-count{text-align: center;width: 75px;
	.item-minus{ background-image: url("../image/menu_z_fa0092b.png"); background-position: -12px -72px; background-repeat: no-repeat;
    border-right: 0 none;
    font-size: 17px;
    float: left;
    height: 18px;
    width: 18px;}
    .item-count{ float: left;
    height: 20px;
    text-align: center;
    width: 26px; text-align: center;
    }
    .item-plus{background-image: url("../image/menu_z_fa0092b.png"); background-position: -12px -100px; background-repeat: no-repeat;
    border-left: 0 none; float: left;
    height: 18px;
    width: 18px;
}
	}

	.item-price{ text-align: right;width: 50px;}
	.item-delete{font-size: 17px;padding-right: 5px;text-align: center;width: 30px;}

	.item-list{padding-left: 12px;text-align: left;width: 123px;font-size: 12px;
	.item{border-bottom: 1px solid #ddd;}

		}
	}

}








